<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>


  <!-- top start -->
  <section class="h-28 top-bg w-full">
    <div class="w-safe font-fff flex items-center h-full flex-end">
      <span>English</span>
      <span class="mr-1 ml-1 font-ccc">|</span>
      <span>中文</span>
    </div>
  </section>
  <!-- top end -->

  <!-- header start -->
  <header class="h-74 bg-fff">
    <section class="w-safe flex flex-space-between items-center h-full">
      <section class="h-full flex items-center">
        <img src="./img/logo.png" alt="" class="img w-314 h-52">
      </section>
      <ul class="flex h-full hover">
        <li class="w-168 flex items-center flex-end "><a class="font-000 font-16 h-full flex items-center "
            href="javascript:;">项目展示</a></li>
        <li class="w-168 flex items-center flex-end "><a class="font-000 font-16 h-full flex items-center "
            href="javascript:;">服务范围</a></li>
        <li class="w-168 flex items-center flex-end "><a class="font-000 font-16 h-full flex items-center "
            href="javascript:;">关于我们</a></li>
        <li class="w-168 flex items-center flex-end "><a class="font-000 font-16 h-full flex items-center "
            href="javascript:;">行业资讯</a></li>
        <li class="w-168 flex items-center flex-end "><a class="font-000 font-16 h-full flex items-center "
            href="javascript:;">联系我们</a></li>
      </ul>
    </section>
  </header>
  <!-- header end -->

  <!-- banner start -->
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <article class="p-relative">
          <img src="./img/banner.png" alt="">
          <div class="p-absolute">
            <h1 class="font-74 font-fff flex items-center flex-center">天合联创设计公司</h1>
            <h2 class="font-40 font-fff mt-3 flex items-center flex-center">Welcome to UNITED SKY CREATIVE co., LTD</h2>
          </div>
        </article>
      </div>
      <div class="swiper-slide">
        <article class="p-relative">
          <img src="./img/banner1.png" alt="">
          <div class="p-absolute">
            <h1 class="font-74 font-fff flex items-center flex-center">天合联创设计公司</h1>
            <h2 class="font-40 font-fff mt-3 flex items-center flex-center">Welcome to UNITED SKY CREATIVE co., LTD</h2>
          </div>
        </article>
      </div>
      <div class="swiper-slide">
        <article class="p-relative">
          <img src="./img/banner2.png" alt="">
          <div class="p-absolute">
            <h1 class="font-74 font-fff flex items-center flex-center">天合联创设计公司</h1>
            <h2 class="font-40 font-fff mt-3 flex items-center flex-center">Welcome to UNITED SKY CREATIVE co., LTD</h2>
          </div>
        </article>
      </div>
      <div class="swiper-slide">
        <article class="p-relative">
          <img src="./img/banner3.png" alt="">
          <div class="p-absolute">
            <h1 class="font-74 font-fff flex items-center flex-center">天合联创设计公司</h1>
            <h2 class="font-40 font-fff mt-3 flex items-center flex-center">Welcome to UNITED SKY CREATIVE co., LTD</h2>
          </div>
        </article>
      </div>
      <div class="swiper-slide">
        <article class="p-relative">
          <img src="./img/banner4.png" alt="">
          <div class="p-absolute">
            <h1 class="font-74 font-fff flex items-center flex-center">天合联创设计公司</h1>
            <h2 class="font-40 font-fff mt-3 flex items-center flex-center">Welcome to UNITED SKY CREATIVE co., LTD</h2>
          </div>
        </article>
      </div>
    </div>
  </div>
  <!-- banner end -->

  <!-- text-phone-start -->
  <section class="bg-fff w-full">
    <section class="w-safe">
      <section class="w-safe-1174">
        <article>
          <h3 class="font-32 foot-space text-center mt-4 mb-3">公司简介</h3>
        </article>
        <div class="draw w-full flex items-center flex-center">
          <section class="w-220 text-center mr-1" >
            <section>
              <span class="dot"></span>
              <span class="line"></span>
              <span class="dot"></span>
            </section>
          </section>
        </div>

        <!-- 左右布局 -->
        <aside>
          
        </aside>
        <aside></aside>
      </section>
    </section>
  </section>

  <!-- text-phone-end -->


</body>

</html>